поочередная отправка

[Alexander333]

Здравствуйте, помогите правильно решить следующий вопрос.
На странице есть несколько форм, их может быть от 1 до 7, у каждой свой id. Для отправки использую следующий код

jQuery('#but1').click(function() {

                frm = jQuery('#form_1');

                var m_method=frm.attr('method');

                var m_action=frm.attr('action');

                var m_data=frm.serialize();

                    jQuery.ajax({
                            type: m_method,
                            url: m_action,
                            data: m_data,
                            success: function(result){
                                jQuery('#res1').html(result);
                            }
                            });
            
                    });

        });

а вот пример самых форм

<form action="redactor.php" method="post" id="form_1">
    <input type="text" id="text" name="text">
</form>
<div id="res1"></div>
 
<form action="redactor.php" method="post" id="form_2">
    <input type="text" id="text" name="text">
</form>
<div id="res2"></div>
<input type="button" id="but1" value="Сохранить изменения">

Нужно что бы было так, при нажатии на кнопку все формы по очереди отправлялись в обработчик, т.е когда приходит ответ обработчика, не важно успешно или нет, отправляется следующая форма и так пока все формы не обработаются. А результат каждой обработки выводился в соответствующий div.
Помогите кодом, если не сложно

[ksa]

когда приходит ответ обработчика, не важно успешно или нет, отправляется следующая форма и так пока все формы не обработаются

Оформи отправку именной функцией...
И в ответе делай следующий вызов отправки. Считай сколько уже отправил...

[Alexander333]

ksa
спасибо за ответ. Мне бы кодом помочь, а то я не знаю как это все осуществить...

[nice_try]

можно юзать deferred

[Rise]

Alexander333,

<form class="form">
	<input type="text" name="text">
</form>
<div class="res"></div>

<form class="form">
	<input type="text" name="text">
</form>
<div class="res"></div>

<input type="button" id="but1" value="Сохранить изменения">

$(function(){
	$('form.form').submit(function(){
		return false;
	});
	$('#but1').click(function(){
		var btn = $(this), form = $('form.form'), res = $('div.res');
			btn.prop('disabled', true);
		(function func(i){
			if (i < form.length) {
				$.ajax({
					type: 'post',
					url: 'redactor.php',
					data: form.eq(i).serialize(),
					success: function(data){
						res.eq(i).html(data), func(++i);
					},
					error: function(){
						res.eq(i).html('Ошибка запроса к серверу'), func(++i);
					}
				});
			} else {
				btn.prop('disabled', false);
			}
		})(0); 
	});
});

[Alexander333]

Rise,
Спасибо за помощь, я уже правда написал свой скрипт, но Ваше решение получше будет. Еще раз спасибо!